<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!-- <table border="1" style="width: 100%;height: 720px;">
        <tr>
            <td style="width: 180px;">
                <a href="text1.html" target="abc">跳转</a>
                <a href="https://tv.cctv.com" target="abc">cctv</a>
                <a href="http://m.weibo.cn" target="abc">微博</a>
            </td>
            <td>
                <iframe src="" name="abc" frameborder="1" style="width: 1400px;height: 100%;"></iframe>
            </td>
        </tr>
    </table> -->

    <fieldset>
        <legend>注册基本信息</legend>
        用户 : <input type="text">
        <br>
        密码 : <input type="password">
        <br>
        性别 : <input type="radio" name="sex" id="nan"><label for="nan">男</label>&nbsp;&nbsp;
        <input type="radio" name="sex" id="nv"><label for="nv">女</label>
        <form name="" id="" method="">
            <fieldset>
                <legend>表单测试</legend>
                <table>
                    <tr>
                        <td>请输入用户名</td>
                        <td><input type="text" name="" id="" maxlength="10" required pattern="\w{4,18}"></td>
                    </tr>
                    <tr>
                        <td>请输入密码</td>
                        <td><input type="password" name="" id=""></td>
                    </tr>
                    <tr>
                        <td>请选择性别</td>
                        <td>
                            <input type="radio" name="sex1" id="nan"><label for="nan">男</label>&nbsp;&nbsp;
                             <input type="radio" name="sex1" id="nv"><label for="nv">女</label>
                        </td>
                    </tr>
                    <tr>
                        <td>请选择你的兴趣爱好</td>
                        <td>
                            <input type="checkbox" name="instr" id="i1"><label for="i1">篮球</label>
                            <input type="checkbox" name="instr" id="i2"><label for="i2">足球</label>
                            <input type="checkbox" name="instr" id="i3"><label for="i3">看电影</label>
                            <input type="checkbox" name="instr" id="i4"><label for="i4">敲代码</label>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            按钮(四种)
                        </td>
                        <td>
                            <input type="submit" value="提交">
                            <input type="reset" value="重置">
                            <input type="button" value="普通">
                            <input type="image" src="images/b1.png" alt="">
                        </td>
                    </tr>
                    <tr>
                        <td>文件域</td>
                        <td><input type="file" name="" id=""></td>
                    </tr>
                    <tr>
                        <td>日期时间</td>
                        <td>
                            <input type="date" name="" id="" value="2000-10-20"> <!-- 年月日 -->
                            <input type="time" name="" id=""> <!-- 时间 -->
                            <input type="datetime" name="" id=""> <!-- 年月日时间 -->
                            <input type="month" name="" id=""><!-- 月 -->
                            <input type="week" name="" id=""><!-- 周 -->
                        </td>
                    </tr>
                    <tr>
                        <td>数字</td>
                        <td><input type="number" name="" id="" max="120" min="1" value="20"></td>
                    </tr>
                    <tr>
                        <td>颜色选择器</td>
                        <td><input type="color" name="" id=""></td>
                    </tr>
                    <tr>
                        <td>range</td>
                        <td><input type="range" name="" id=""></td>
                    </tr>
                    <tr>
                        <td>email</td>
                        <td><input type="email" name="" id="" required></td>
                    </tr>
                    <video src="">
                        <source>
                    </video>
                    mp3：
                    <audio autoplay controls>
                        <source>
                    </audio>
                    mp4:
                    <audio controls>
                        <source>
                    </audio>
                    无序列表:
                    <ul>
                        <li></li>
                    </ul>
                    <dl>
                        <dt></dt>
                        <dd></dd>
                    </dl>
                </table>
                请选择城市
                <select name="" id="">
                    <optgroup label="华中地区">
                        <option value="长沙">长沙</option>
                        <option value="武汉">武汉</option>
                        <option value="南昌">南昌</option>
                    </optgroup>
                    <optgroup label="华南地区">
                        <option value="广州">广州</option>
                        <option value="深圳">深圳</option>
                        <option value="南宁">南宁</option>
                    </optgroup>
                </select>
                <textarea name="" id="" cols="30" rows="10">
                    
                </textarea>
            </fieldset>
        </form>
    </fieldset>
</body>
</html>